<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<!--<meta http-equiv="X-UA-Compatible" content="chrome=1" />-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="content-style-type" content="text/css" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="copyright" content="2011 - All" />
	
	<meta name="keywords" content="<?php echo $arOut['meta_keywords'];?>" />
	<meta name="description" content="<?php echo $arOut['meta_description'];?>" />
	<?php echo $arOut['add_head'];?>
	<title><?php echo $arOut['title'];?></title>
	
	<?php $self_dir = dirname(str_replace(_DOCUMENT_ROOT, '', str_replace('\\', '/', __FILE__)) );?>
	<link rel="stylesheet" href="<?php echo $self_dir;?>/style.css" type="text/css" media="screen, projection" >
	
	<script type="text/javascript" src="<?php echo $self_dir;?>/js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="<?php echo $self_dir;?>/domReady.js"></script>
	<script type="text/javascript" src="<?php echo $self_dir;?>/js/functions.js"></script>
	<script type="text/javascript" src="<?php echo $self_dir;?>/js/jquery.horizontalSlider.js"></script>
	<script type="text/javascript" src="<?php echo $self_dir;?>/js/css.min.js"></script>
	<script type="text/javascript" src="<?php echo $self_dir;?>/js/placeholder.min.js"></script>
	

<link type="text/css" href="<?php echo $self_dir;?>/js/prettyPhoto/css/prettyPhoto.css" rel="stylesheet" >
<script src="<?php echo $self_dir;?>/js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>

	
<script type="text/javascript">
$(document).ready(function(){

	$('#client_slider').horizontalSlider(); //{ direction: 'right'};
	
	$("a[rel^='prettyPhoto']").prettyPhoto({social_tools:false, counter_separator_label:' из '
		,theme: 'light_square' /* pp_default / light_rounded / dark_rounded / light_square / dark_square / facebook */
	});
	
	{/* создание динамики для infoblock_wrapper и left_menu с классом dynamic */
		$('#infoblock_wrapper.dynamic').css('position','relative').children().css({position:'absolute',top: '15px', left:'15px'}).hide();
		var firstB = $('#infoblock_wrapper.dynamic').children().eq(0);
		firstB.show();

		fitSize('infoblock_wrapper.dynamic');	
		$('img:last').load(function(){ fitSize('infoblock_wrapper.dynamic'); });
		
		$('.left_menu.dynamic a').click(function(){ 
			changeInfo( this, this.href.split('#').pop() ); return false;
		});
	}
			
});

function fitSize( elId, visibleId ){
	var visible = visibleId!=undefined ? $('#'+visibleId) : $('#'+elId+'>:visible');
	if( visible.length ){
		for(var i=0, allh=1; i<visible.length;i++ ) allh+=visible[i].scrollHeight+15;//общая высота	
		$('#'+elId).animate(
			{ height: allh+'px'},{duration: 800}
		);
	}
}

function changeInfo( el, elId ){
	var elId = elId || el.innerHTML, 
		visible = $('#infoblock_wrapper>:visible');
	if( !$('#'+elId).length ) return;
	
	visible.each(function(){
		if(this.id!=elId) {
			if(this.style.position=='absolute') $(this).fadeOut(800);
			else $(this).hide();
		}
	});
	
	$('#'+elId).fadeIn(800);
	fitSize('infoblock_wrapper', elId ); 
	
	$('.left_menu a').removeClass('active');
	$(el).addClass('active');
	
	if(typeof changeInfoCallback == 'function' ) changeInfoCallback();
}

function showFilter( el, filter ){
	var elId = elId || el.innerHTML, 
		visible = $('#infoblock_wrapper>:visible');
	if( !$("[id^='"+filter+"']").length ) return;
	
	visible.hide();//fadeOut(400);
	
	$("[id^='"+filter+"']").fadeIn(400, function(){ 
		fitSize('infoblock_wrapper' );
	});
	
	$('.left_menu a').removeClass('active');
	$(el).addClass('active');
	
	//if(typeof changeInfoCallback == 'function' ) changeInfoCallback();
}

</script>
</head>

<body>
<div id="wrapper">
<?php
	if( checkAccess( array(1) ) && !empty(Page::$arOut['getContentFrom']) ) 
	echo editFileButton( Page::$arOut['getContentFrom'], 'Редактировать Header...');
?>
<?php
	if( checkAccess( array(1) ) ) 
	echo editFileButton( $self_dir.'/style.css', 'Редактировать style...', 'top:20px');
?>
	<div id="header">
		
		<div class="float_left logo"><a href="/" title="Автоматизация фронт-офисного обслуживания клиентов кредитных организаций."></a></div>
		<div class="float_left slogan">
			<b>спе</b>циализированные <b>к</b>орпора<b>т</b>ивные <b>р</b>ешения
		</div>
		<div class="float_left phones">
			    Телефоны:<br>
			в Москве: <strong>+7(495) 616-30-63, 616-56-13</strong><br>
			в Санкт-Петербурге: <strong>+7(812) 331-94-88</strong>
		</div>
		<div class="clear_both"></div>
		
		<? CoreModule::includeTemplate( array('template_name'=>'TopMenu.template.php') );?>
		
		<div class="client_slider" id="client_slider">
				<img alt="" src="<?php echo $self_dir;?>/i/logo_sberbank.png">
				<img alt="" src="<?php echo $self_dir;?>/i/logo_mtsbank.png">
				<img alt="" src="<?php echo $self_dir;?>/i/logo_vtb24bank.png">
				<img alt="" src="<?php echo $self_dir;?>/i/logo_russtandart.png">
				
				<img alt="" src="<?php echo $self_dir;?>/i/logo_vtb24bank.png">
		</div>
		
		<!--div class="client_slider_n" id="client_slider_n" style="height: 80px;">
				<img src="i/logo_sberbank.png">
				<img src="i/logo_mtsbank.png">
				<img src="i/logo_vtb24bank.png">
				<img src="i/logo_russtandart.png">
				
				<img src="i/logo_vtb24bank.png">
		</div-->

		<div class="spectr_line"></div>
	
	</div><!-- #header-->

	<div id="middle">